@media screen and (max-width: 768px) {
  .swiper-slide{
    &:not(&:nth-of-type(1)){
      padding-top: 0!important;
    }
  }
  .nav-tab,
  .search-box-container{
    display: none!important;
  }
  .container{
    padding-top: 80px!important;
  }
  .header-content{
    .btn-search-box{
      display: none!important;
    }
    .header-content-right{
      .mobile-img{
        display: block!important;
      }
    }
  }

  .container-banner{
    //background: url(../img/publicity/index/home_bg_normal.png) no-repeat 50% 50%!important;
    .banner{
      h1{
        margin-top: 0!important;
        font-size: 20px!important;
      }
      .introductory{
        font-size: 17px!important;
      }
      .open-inspection{
        max-width: 200px!important;
        height: 45px!important;
        line-height: 45px!important;
        span{
          font-size: 18px!important;
        }
      }
    }
  }
  .account-menu{
    display: none!important;
  }
  .mobile-user-drawer{
    display: block!important;
  }
}

@media screen and (max-width: 576px) {
  .ant-layout-header{
    height: 60px!important;
  }
  .container{
    padding-top: 60px!important;
  }
  .header-content{
    .header-logo{
      width: 100px!important;
    }
    .btn-search-box{
      display: none!important;
    }
    .header-content-right{
      .mobile-img{
        display: block!important;
      }
      .round-btn{
        width: 64px!important;
        height: 34px!important;
        padding: 6px 8px!important;
        .img-icon{
          width: 18px!important;
        }
        .round-img{
          width: 20px!important;
          height: 20px!important;
        }
      }
    }
  }
  .container-banner{
    .banner{
      .introductory{
        font-weight: normal!important;
        font-size: 14px!important;
      }
      .open-inspection{
        max-width: 160px!important;
        height: 40px!important;
        line-height: 40px!important;
        span{
          font-size: 16px!important;
        }
      }
    }
  }
}
